<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			#box{
				width:200px;
				height:60px;
				margin:0 auto;
				border:3px solid black;
				position:relative;
				/*position:absolute;
				left:300px;
				top:50px;*/
			}
			#box .title{
				border:1px solid red;
			}
			#box .content{
				background: yellow;
				width:200px;
				height:100px;
				border:1px solid blue;
				
				/*absolute:绝对定位:
				1.相对于离自己最近的有定位属性的祖先去定位.如果所有祖先都没有定位属性.就相对于文档定位.;
				2.绝对定位不保留原来的位置*/
				position:absolute;
				top:60px;
				left:0px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div class="title">我是标题</div>
			<div class="content">我是内容</div>
		</div>
	</body>
</html>
